{% extends "layout.html" %}

{% block main %}
<div class="d-flex mt-3">
    <span>当前位置：</span>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{base_url}}/">首页</a></li>
            <li class="breadcrumb-item active" aria-current="page">关于</li>
        </ol>
    </nav>
</div>
<div class="m-2">
    <h1>关于</h1>
    <h2 class="my-5">博主简介</h2>
    <section class="mb-5">
        <p>个人常用技术栈：vue3、element-plus、uniapp、thinkphp。</p>
    </section>
    <hr />
    <h2 class="my-5">MdBlog 简介</h2>

    <p>内核版本号: <a href="{{ base_url }}/release.html" target="_blank">{{ version }}</a></p>

    <section>
        这是基于 Node 全栈技术和 Markdown 内容文件的博客系统，使用了以下 Node 插件：
        <ul>
            <li>express: 用于即时动态预览 Markdown 全站效果</li>
            <li>nunjucks: 模板引擎，搭配 express 插件使用</li>
            <li>chokidar: 监听文件变化，搭配 nunjucks 插件使用</li>
            <li>showdown: 解析 markdown 文件到 html 格式</li>
            <li>yaml: 解析 markdown 内容头部的 yaml 格式的元信息</li>
            <li>http-server: 静态服务器，用于预览静态全站效果</li>
        </ul>
    </section>
    <section>
        <h5>与 VuePress、Hugo 等产品对比</h5>
        <p>
            VuePress、Hugo 已经很流行了，为什么要自己重复造轮子开发这个项目？原因是：它们很不灵活。<br />
            VuePress 偏向于文档系统，不适合搭建博客。Hugo 定制能力较差，修改模板门槛非常高。<br />
            自己是个熟练掌握 Node、PHP、Java、MySQL
            的全栈开发工程师，对软件架构也是了如指掌，于是决定秉着虚心学习的精神，自己决定从零开发一个博客系统。这个博客系统，既要填补市面产品的不足，而且要简单易用。所以这个博客系统就诞生了。
        </p>
        <h6>特性：</h6>
        <ul>
            <li>（填补不足）修改模板技术门槛低：模板文件基于 Html5+CSS+JavaScript，入手门槛极低，基于 CDN 模式，不需要使用前端编译技术。</li>
            <li>（填补不足）修改模板超简单：支持夜间主题，修改模板只需要修改 HTML、CSS、Js 文件，简单方便。</li>
            <li>（填补不足）修改模板超容易：默认模板基于 BootStrap V5 组件库，修改样式很容易。</li>
            <li>（填补不足）增减页面很简单：可以随意增减页面，可以随意修改菜单，可以隐藏草稿文件。</li>
            <li>（简单易用）基于 Node 全栈技术，一个 <code>npm install</code> 命令搞定所有安装。</li>
            <li>（简单易用）目录结构简单清晰，核心框架使用 MVC 分层架构，markdown 文件库和视图模板文件库结构清晰，通俗易懂。</li>
        </ul>
        <p>
            更多特性请阅读 <a href="https://gitee.com/sochishun/blog" target="_blank">README.md</a> 文件或 <a href="{{ base_url }}/help.html" target="_blank">在线帮助</a>。<br />
            后话：这些市面的产品，是值得敬仰的开源项目，对开源行业的发展做出了卓越的贡献。
        </p>
    </section>
</div>
{% endblock %}